import React, {  FC} from "react";
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import {  AppstoreOutlined,BarsOutlined } from '@ant-design/icons';
import ComponentLib from "./ComponentLib";
import Layers from './Layers'
const LeftPanel:FC=()=>{
  const tabsItelms=[
    {
      key:'componentLib',
      label:(
        <span>
          <AppstoreOutlined/>
          组件库
        </span>
      ),
      children: <ComponentLib/>

    },
    {
      key:'layers',
      label:(<span> <BarsOutlined/>  图层</span>),
      children: <div><Layers/></div>
    }
  ]
  return <Tabs defaultActiveKey="componentLib" items={tabsItelms} />
}

export default LeftPanel